<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <meta name="baidu-site-verification" content="yFTo7rWy0t" />
    <meta http-equiv="keywords" content="zhiyume,zhiyu,至娱,最新娱乐网,至娱网,娱乐,资讯,电视,电影,明星,综艺,新闻,代表作,写真,街拍,八卦,海报,行业,影视"/>
    <meta http-equiv="description" content="至娱APP是一个影视娱乐专业资讯发布平台，拥有电影、电视、网剧、明星等细致分类，以及视频展示板块。至娱APP演员的细致搜索方面独具特色，实现了对影视演员的细致分类。至娱APP在影视剧、网剧及影视新人的宣传推广上拥有良好的资源配置。"/>
    <title>最新娱乐网</title>
    <link th:replace="fragment/fragment::header"/>
    <link th:href="@{/css/home/index.css}" rel="stylesheet"/>
    <link th:href="@{/css/home/iconfont/iconfont.css}" rel="stylesheet"/>
    <script>
        $(document).ready(function(){

            $('.flicker-example').flicker();



        });
    </script>
</head>
<body>
<input type="hidden" id="rootPath" th:value="${#httpServletRequest.getContextPath()}"/>
<input type="hidden" th:value="${recommendUp.imgUrl}" id="recommendUrl"/>
<input type="hidden" th:value="${recommendUp.fromId}" id="fromId"/>
<input type="hidden" th:value="${recommendUp.fromTitle}" id="recommendName"/>
<input type="hidden" th:value="${type}" id="recommendType"/>
<div class="container">
    <div class="head-top">
        <div style="width: 1100px; margin:0 auto;">
            <a href="#appdownload">移动端客户</a>
            <img th:src="@{/img/phone.png}"/>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="nav" th:include="fragment/fragment::nav">

    </div>
    <!--<div class="banner">-->
        <!--<div class="banner_box">-->
            <!--<a href="#"><img src="../../img/banner_01.png" alt="1"></a>-->
            <!--<a href="#"><img src="../../img/banner_02.png" alt="2"></a>-->
            <!--<a href="#"><img src="../../img/banner_03.png" alt="3"></a>-->
        <!--</div>-->
        <!--<ul class="btns">-->
            <!--<li class="current"></li>-->
            <!--<li></li>-->
            <!--<li></li>-->
        <!--</ul>-->
        <!--<div class="L-R-btns" >-->
            <!--<img src="../../img/left.png" class="left" id="prev">-->
            <!--<img src="../../img/right.png"class="right" id="next">-->
        <!--</div>-->
    <!--</div>-->
<!--轮播-->
    <div th:if="${type} eq 99" class="flicker-example" data-block-text="false">

        <ul id="labelUl">
            <li th:each="recommendSlider,iterStat:${recommendSliderData}"
                th:value="${iterStat.index}"  th:attr="data-background=${recommendSlider.img_url[0]}" style="cursor:pointer;"
                th:onclick="'window.open(&quot;/detail/'+ ${recommendSlider.dataId} +'&quot;)'">
                <p class="label"  th:id="'label'+${iterStat.index}" style="left:0">
                    <span th:id="'labelSpan'+${iterStat.index}">
                        <a style="color: white; font-size: 16px;" target="_blank" th:href="'/detail/' + ${recommendSlider.dataId}"
                           th:text="${recommendSlider.name}"></a>
                    </span>
                </p>

            </li>
        </ul>
    </div>
    <div class="box">
        <div class="column_01">
            <h1>今日看点</h1><span>READ  TODAY</span>
            <ul>
                <li th:each="recommendList,iterStat:${recommendListLeftText}"><a th:href="'/detail/'+${recommendList.item.dataId}" target="_blank" class="textyc_sl" th:utext="'&lt;i&gt;&lt;/i&gt;'+${recommendList.item.name}"></a></li>
                <li>
                    <a th:href="@{/detail/{id}(id=${recommendListLeftImg1.item.dataId})}" target="_blank" style="margin-right:6px; float: left;" class="img1">
                        <img th:src="${recommendListLeftImg1.item.img_url[0]}" th:width="164" th:height="124"/>
                        <span th:text="${recommendListLeftImg1.item.name}" class="textyc_sl"></span>
                    </a>
                    <a target="_blank" th:href="@{/detail/{id}(id=${recommendListLeftImg2.item.dataId})}" class="img2">
                        <img th:src="${recommendListLeftImg2.item.img_url[0]}" th:width="164" th:height="124"/>
                        <span th:text="${recommendListLeftImg2.item.name}" class="textyc_sl"></span>
                    </a>
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
        <div class="column_02">
            <a target="_blank" th:href="@{/detail/{id}(id=${recommendListMiddleImg.item.dataId})}">
                <img th:src="${recommendListMiddleImg.item.img_url[0]}" th:width="380" th:height="272" />
                <div th:if="${not #strings.isEmpty(recommendListMiddleImg.item.video_url)}" class="play">
                    <img th:src="@{/img/play.png}" th:title="${recommendListMiddleImg.item.name}"/>
                </div>
            </a>
            <ul>
                <li th:each="recommendList,iterStat:${recommendListMiddleVideo}">
                    <a th:href="'/detail/'+${recommendList.item.dataId}" target="_blank"  class="textyc_sl"
                       th:utext="'&lt;i class=&quot;icon iconfont icon-shipin&quot; &gt;&lt;/i&gt;'+${recommendList.item.name}">
                        <!--<i class="icon iconfont icon-shipin"></i>-->
                    </a>
                </li>
            </ul>
        </div>
        <div class="column_03">
            <!--<div class="box01" th:each="recommendList,iterStat:${recommendListRight}" th:if="${iterStat}!=3">
                <div class="column_03_box">
                    <h2>
                        <a target="_blank" th:href="@{'/detail/'+${recommendList.item.dataId}}">
                            <img th:src="@{/img/pic_1.png}"/>
                            <div class="play"><img th:src="@{/img/play.png}"/></div>
                            <span class="textyc_sl" th:text="${recommendList.item.name}"></span>
                        </a>
                    </h2>
                    <p th:text="${recommendList.item.author}"></p>
                </div>
                <img th:src="${recommendList.item.img_url[0]}"/>
                <div class="clearfix"></div>
            </div>-->

            <div class="column_03">
                <div class="box01" th:each="recommendList,iterStat:${recommendListRightVideo}">
                    <div class="column_03_box">
                        <h2 th:text="${recommendList.item.name}"></h2>
                        <p th:text="${recommendList.item.author}"></p>
                    </div>
                    <a target="_blank" th:href="@{'/detail/'+${recommendList.item.dataId}}">
                        <img th:src="${recommendList.item.img_url[0]}"/>
                        <div th:if="${not #strings.isEmpty(recommendList.item.video_url)}" class="play">
                            <img th:src="@{/img/play.png}"/>
                        </div>
                    </a>
                    <div class="clearfix"></div>
                </div>

                <div class="box02" th:each="recommendList,iterStat:${recommendListRightVideo2}">

                    <div class="column_03_box">
                        <h2 th:text="${recommendList.item.name}"></h2>
                        <p th:text="${recommendList.item.author}"></p>
                    </div>
                    <a target="_blank" th:href="@{'/detail/'+${recommendList.item.dataId}}">
                        <img th:src="${recommendList.item.img_url[0]}"/>
                        <div th:if="${not #strings.isEmpty(recommendList.item.video_url)}" class="play">
                            <img th:src="@{/img/play.png}"/>
                        </div>
                    </a>
                    <div class="clearfix"></div>
                </div>

            </div>
        </div>
        <div class="clearfix"></div>
        <div class="title">
            <!--<h1>推荐资讯</h1><span>INFORMATION</span><a target="_blank" th:href="@{'/more?navType='+${type}+'&amp;type='+${type}}" >更多>></a>-->
            <h1>推荐资讯</h1><span>INFORMATION</span><a target="_blank" th:href="@{'/more?navType='+${type}}" >更多>></a>
        </div>
        <div class="column_04">
            <div class="column_04_box">
                <img th:src="${informationListLeft[0].item.img_url[0]}"/>
                <ul>
                    <span><a th:href="'/detail/'+${informationListLeft[0].item.dataId}" target="_blank"  class="textyc_sl" th:text="${informationListLeft[0].item.name}"></a></span>
                    <li><a class="textyc_sl" th:href="'/detail/'+${informationListLeft[1].item.dataId}" target="_blank" th:text="${informationListLeft[1].item.name}"></a></li>
                    <li><a class="textyc_sl" th:href="'/detail/'+${informationListLeft[2].item.dataId}" target="_blank" th:text="${informationListLeft[2].item.name}"></a></li>
                </ul>
            </div>
            <div class="column_04_box">
                <img th:src="${informationListLeft[3].item.img_url[0]}"/>
                <ul>
                    <span><a th:href="'/detail/'+${informationListLeft[3].item.dataId}" target="_blank" class="textyc_sl" th:text="${informationListLeft[3].item.name}"></a></span>
                    <li><a th:href="'/detail/'+${informationListLeft[4].item.dataId}" target="_blank"  class="textyc_sl" th:text="${informationListLeft[4].item.name}"></a></li>
                    <li><a th:href="'/detail/'+${informationListLeft[5].item.dataId}" target="_blank" class="textyc_sl" th:text="${informationListLeft[5].item.name}"></a></li>
                </ul>
            </div>
            <div class="column_04_box">
                <img th:src="${informationListLeft[6].item.img_url[0]}"/>
                <ul>
                    <span><a th:href="'/detail/'+${informationListLeft[6].item.dataId}" target="_blank" class="textyc_sl" th:text="${informationListLeft[6].item.name}"></a></span>
                    <li><a th:href="'/detail/'+${informationListLeft[7].item.dataId}" target="_blank" class="textyc_sl" th:text="${informationListLeft[7].item.name}"></a></li>
                    <li><a th:href="'/detail/'+${informationListLeft[8].item.dataId}" target="_blank" class="textyc_sl" th:text="${informationListLeft[8].item.name}"></a></li>
                </ul>
            </div>
        </div>
        <div class="column_05">
            <div class="column_05_imgs">
                <a target="_blank" class="img1" th:href="'/detail/'+${informationListRightText[0].item.dataId}"><img th:src="${informationListRightText[0].item.img_url[0]}" style="margin-left:0;"/><!--<span class="textyc_sl" th:text="${informationListRightImg[0].item.name}"></span>--></a>
                <a target="_blank" class="img1" th:href="'/detail/'+${informationListRightText[1].item.dataId}"><img th:src="${informationListRightText[1].item.img_url[0]}"/><!--<span class="textyc_sl" th:text="${informationListRightImg[1].item.name}"></span>--></a>
                <a target="_blank" class="img1" th:href="'/detail/'+${informationListRightText[2].item.dataId}"><img th:src="${informationListRightText[2].item.img_url[0]}"/><!--<span class="textyc_sl" th:text="${informationListRightImg[2].item.name}"></span>--></a>
            </div>
            <ul>
                <span><a th:href="'/detail/'+${informationListRightText[0].item.dataId}" target="_blank"  class="textyc_sl" th:text="${informationListRightText[0].item.name}"></a></span>
                <li th:each="recommendList,iterStat:${informationListRightText}">
                    <a th:href="'/detail/'+${recommendList.item.dataId}" target="_blank" style="float:left"  class="textyc_sl"  th:text="${recommendList.item.name}"></a>
                    <span style="float:right;line-height: 36px;color: #7b7b7b; font-size: 14px;" th:text="${#dates.format(recommendList.item.publishDate,'yyyy-MM-dd')}"></span>
                    <div class="clearfix"></div>
                </li>


            </ul>
        </div>
        <div class="clearfix"></div>

        <div th:if="${videoShow}" class="title">
            <h1>视频专区</h1><span>VIDEO  AREA</span><a th:href="@{'/more?flag=1'}">更多>></a>
        </div>
        <div th:if="${videoShow}" class="video_area">
            <a th:each="video,iterStat:${videos}" target="_blank" href="javascript:void(0)">
                <input type="hidden" th:value="${video.item.video_url}"/>
                <img th:src="${video.item.img_url[0]}"/>
                <div class="play"><img th:src="@{/img/play.png}"/></div>
                <span class="textyc_sl" th:text="${video.item.name}"></span>
            </a>
        </div>

    </div>
    <div class="footer" th:include="fragment/fragment::footer">

    </div>
    </div>
<!--<script src="js/jquery-2.1.1.min.js"></script>-->
<!--<script src="js/common.js"></script>-->
<script th:src="@{/js/sys/layer.min.js}"></script>
<script th:src="@{/js/sys/math-util.js}"></script>
<script th:src="@{/js/index2.js(version=1.0.3)}"></script>

<script type="text/javascript">
    function closeRecommend(){
        layer.close(layer.index);
    }
</script>
<!--百度抓取-->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
</body>
</html>